﻿<!DOCTYPE html>
<html>
  <head>
    <title>历史订单</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/历史订单/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/历史订单/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u537" class="ax_default box_2">
        <img id="u537_img" class="img " src="images/历史订单/u537.svg"/>
        <div id="u537_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u538" class="ax_default _图片_">
        <img id="u538_img" class="img " src="images/页面流转图/u105.png"/>
        <div id="u538_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u539" class="ax_default _三级标题">
        <div id="u539_div" class=""></div>
        <div id="u539_text" class="text ">
          <p><span>历史订单</span></p>
        </div>
      </div>

      <!-- Unnamed (表格) -->
      <div id="u540" class="ax_default">

        <!-- Unnamed (单元格) -->
        <div id="u541" class="ax_default table_cell">
          <img id="u541_img" class="img " src="images/历史订单/u541.png"/>
          <div id="u541_text" class="text ">
            <p><span>订单状态</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u542" class="ax_default table_cell">
          <img id="u542_img" class="img " src="images/历史订单/u542.png"/>
          <div id="u542_text" class="text ">
            <p><span>触发条件</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u543" class="ax_default table_cell">
          <img id="u543_img" class="img " src="images/历史订单/u543.png"/>
          <div id="u543_text" class="text ">
            <p><span>对应字段及操作</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u544" class="ax_default table_cell">
          <img id="u544_img" class="img " src="images/历史订单/u544.png"/>
          <div id="u544_text" class="text ">
            <p><span>备注说明</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u545" class="ax_default table_cell">
          <img id="u545_img" class="img " src="images/历史订单/u545.png"/>
          <div id="u545_text" class="text ">
            <p><span>操作弹框</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u546" class="ax_default table_cell">
          <img id="u546_img" class="img " src="images/历史订单/u546.png"/>
          <div id="u546_text" class="text ">
            <p><span>待付款</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u547" class="ax_default table_cell">
          <img id="u547_img" class="img " src="images/历史订单/u547.png"/>
          <div id="u547_text" class="text ">
            <p><span>待支付、支付失败时</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u548" class="ax_default table_cell">
          <img id="u548_img" class="img " src="images/历史订单/u548.png"/>
          <div id="u548_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u549" class="ax_default table_cell">
          <img id="u549_img" class="img " src="images/历史订单/u549.png"/>
          <div id="u549_text" class="text ">
            <p><span>1）等待支付时间为15分钟内，超时订单自动变成已取消状态；</span></p><p><span>2）待支付状态下，用户可进行直接取消操作</span></p><p><span>3）点击【取消订单】，弹框确认订单取消，页面自动变为【订单已取消】页</span></p><p><span>4）点击【立即支付】进入【支付页面】去结算</span></p><p><span>5）点击再来一单进入【点餐主页】，且该订单的所有餐品信息已加入至购物车</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u550" class="ax_default table_cell">
          <img id="u550_img" class="img " src="images/历史订单/u550.png"/>
          <div id="u550_text" class="text ">
            <p><span>点击取消弹框</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u551" class="ax_default table_cell">
          <img id="u551_img" class="img " src="images/历史订单/u551.png"/>
          <div id="u551_text" class="text ">
            <p><span>待接单</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u552" class="ax_default table_cell">
          <img id="u552_img" class="img " src="images/历史订单/u552.png"/>
          <div id="u552_text" class="text ">
            <p><span>支付成功后</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u553" class="ax_default table_cell">
          <img id="u553_img" class="img " src="images/历史订单/u553.png"/>
          <div id="u553_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u554" class="ax_default table_cell">
          <img id="u554_img" class="img " src="images/历史订单/u554.png"/>
          <div id="u554_text" class="text ">
            <p><span>1）商家接单状态下，用户可进行直接取消操作</span></p><p><span>2）取消订单逻辑同待支付状态一致</span></p><p><span>3）点击【催单】，弹框确认催单信息；点击【确认】弹框消失</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u555" class="ax_default table_cell">
          <img id="u555_img" class="img " src="images/历史订单/u555.png"/>
          <div id="u555_text" class="text ">
            <p><span><br></span></p><p><span><br></span></p><p><span>点击催单弹框</span></p><p><span><br></span></p><p><span><br></span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u556" class="ax_default table_cell">
          <img id="u556_img" class="img " src="images/历史订单/u556.png"/>
          <div id="u556_text" class="text ">
            <p><span>已接单</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u557" class="ax_default table_cell">
          <img id="u557_img" class="img " src="images/历史订单/u557.png"/>
          <div id="u557_text" class="text ">
            <p><span>商家后台接单后</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u558" class="ax_default table_cell">
          <img id="u558_img" class="img " src="images/历史订单/u558.png"/>
          <div id="u558_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u559" class="ax_default table_cell">
          <img id="u559_img" class="img " src="images/历史订单/u559.png"/>
          <div id="u559_text" class="text ">
            <p><span>1）商家已接单状态下，用户取消订单需电话沟通商家；</span></p><p><span>2）点击取消订单，弹框确认是否拨打电话，点击【先等等】弹框消失；点击【拨打电话】同首页拨打逻辑一致；</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u560" class="ax_default table_cell">
          <img id="u560_img" class="img " src="images/历史订单/u560.png"/>
          <div id="u560_text" class="text ">
            <p style="text-align:left;"><span>点击取消订单弹框</span></p><p style="text-align:center;"><span><br></span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u561" class="ax_default table_cell">
          <img id="u561_img" class="img " src="images/历史订单/u561.png"/>
          <div id="u561_text" class="text ">
            <p><span>派送中</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u562" class="ax_default table_cell">
          <img id="u562_img" class="img " src="images/历史订单/u562.png"/>
          <div id="u562_text" class="text ">
            <p><span>商家点击派送后</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u563" class="ax_default table_cell">
          <img id="u563_img" class="img " src="images/历史订单/u563.png"/>
          <div id="u563_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u564" class="ax_default table_cell">
          <img id="u564_img" class="img " src="images/历史订单/u564.png"/>
          <div id="u564_text" class="text ">
            <p><span>1）商家派送中状态下，用户取消订单需电话沟通商家；</span></p><p><span>2）点击取消订单逻辑同已接单状态一致</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u565" class="ax_default table_cell">
          <img id="u565_img" class="img " src="images/历史订单/u565.png"/>
          <div id="u565_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u566" class="ax_default table_cell">
          <img id="u566_img" class="img " src="images/历史订单/u566.png"/>
          <div id="u566_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u567" class="ax_default table_cell">
          <img id="u567_img" class="img " src="images/历史订单/u567.png"/>
          <div id="u567_text" class="text ">
            <p><span>商家点击完成后</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u568" class="ax_default table_cell">
          <img id="u568_img" class="img " src="images/历史订单/u568.png"/>
          <div id="u568_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u569" class="ax_default table_cell">
          <img id="u569_img" class="img " src="images/历史订单/u569.png"/>
          <div id="u569_text" class="text ">
            <p><span>1）商家点击完成，订单已完成状态下，用户可进行申请退款</span></p><p><span>2）点击申请，弹框确认是否申请退款，点击【先等等】弹框消失；点击【拨打电话】同首页拨打逻辑一致；</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u570" class="ax_default table_cell">
          <img id="u570_img" class="img " src="images/历史订单/u570.png"/>
          <div id="u570_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u571" class="ax_default table_cell">
          <img id="u571_img" class="img " src="images/历史订单/u571.png"/>
          <div id="u571_text" class="text ">
            <p><span>已取消</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u572" class="ax_default table_cell">
          <img id="u572_img" class="img " src="images/历史订单/u572.png"/>
          <div id="u572_text" class="text ">
            <p><span>用户/商家取消、商家拒单、商家退款后</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u573" class="ax_default table_cell">
          <img id="u573_img" class="img " src="images/历史订单/u573.png"/>
          <div id="u573_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u574" class="ax_default table_cell">
          <img id="u574_img" class="img " src="images/历史订单/u574.png"/>
          <div id="u574_text" class="text ">
            <p><span>1）已付款状态订单取消，下方有一条退款成功提示；</span></p>
          </div>
        </div>

        <!-- Unnamed (单元格) -->
        <div id="u575" class="ax_default table_cell">
          <img id="u575_img" class="img " src="images/历史订单/u575.png"/>
          <div id="u575_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u576" class="ax_default ellipse">
        <img id="u576_img" class="img " src="images/首页_1/u308.svg"/>
        <div id="u576_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u577" class="ax_default box_1">
        <img id="u577_img" class="img " src="images/授权登录/u285.svg"/>
        <div id="u577_text" class="text ">
          <p><span>——历史订单 页面说明——</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u578" class="ax_default _文本段落">
        <div id="u578_div" class=""></div>
        <div id="u578_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:650;color:#02A7F0;">1、菜单栏</span></p><p><span style="font-family:'PingFang-SC-ExtraLight', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:400;">1）3个table切换，分别是全部订单、待付款、退款</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u579" class="ax_default _图片_">
        <img id="u579_img" class="img " src="images/历史订单/u579.png"/>
        <div id="u579_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u580" class="ax_default _文本段落">
        <div id="u580_div" class=""></div>
        <div id="u580_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:650;color:#02A7F0;">2、订单信息</span></p><p><span style="font-family:'PingFang-SC-ExtraLight', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:400;">1）订单顺序排列：按照下单时间倒序排列</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u581" class="ax_default ellipse">
        <img id="u581_img" class="img " src="images/首页_1/u308.svg"/>
        <div id="u581_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u582" class="ax_default" data-left="570" data-top="1602" data-width="616" data-height="217">

        <!-- Unnamed (图片 ) -->
        <div id="u583" class="ax_default _图片_">
          <img id="u583_img" class="img " src="images/历史订单/u583.png"/>
          <div id="u583_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u584" class="ax_default _图片_">
          <img id="u584_img" class="img " src="images/历史订单/u584.svg"/>
          <div id="u584_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u585" class="ax_default _文本段落">
          <div id="u585_div" class=""></div>
          <div id="u585_text" class="text ">
            <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:650;color:#02A7F0;">3、订单状态</span></p><p><span style="font-family:'PingFang-SC-ExtraLight', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:400;">1）点击不同状态卡片进入不同详情页</span></p><p><span style="font-family:'PingFang-SC-ExtraLight', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:400;">2）超过4个菜品，做左右滑动交互</span></p><p><span style="font-family:'PingFang-SC-ExtraLight', 'PingFang SC ExtraLight', 'PingFang SC';font-weight:400;"><br></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u586" class="ax_default _图片_">
        <img id="u586_img" class="img " src="images/历史订单/u586.png"/>
        <div id="u586_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u587" class="ax_default _图片_">
        <img id="u587_img" class="img " src="images/历史订单/u587.png"/>
        <div id="u587_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u588" class="ax_default _图片_">
        <img id="u588_img" class="img " src="images/历史订单/u588.png"/>
        <div id="u588_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u589" class="ax_default _图片_">
        <img id="u589_img" class="img " src="images/历史订单/u589.png"/>
        <div id="u589_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u590" class="ax_default _连接">
        <img id="u590_seg0" class="img " src="images/历史订单/u590_seg0.svg" alt="u590_seg0"/>
        <div id="u590_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u591" class="ax_default _图片_">
        <img id="u591_img" class="img " src="images/历史订单/u591.png"/>
        <div id="u591_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接) -->
      <div id="u592" class="ax_default _连接">
        <img id="u592_seg0" class="img " src="images/历史订单/u592_seg0.svg" alt="u592_seg0"/>
        <div id="u592_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u593" class="ax_default _图片_">
        <img id="u593_img" class="img " src="images/历史订单/u593.png"/>
        <div id="u593_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u594" class="ax_default _图片_">
        <img id="u594_img" class="img " src="images/历史订单/u594.png"/>
        <div id="u594_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u595" class="ax_default _图片_">
        <img id="u595_img" class="img " src="images/历史订单/u595.png"/>
        <div id="u595_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u596" class="ax_default _图片_">
        <img id="u596_img" class="img " src="images/历史订单/u596.png"/>
        <div id="u596_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u597" class="ax_default _图片_">
        <img id="u597_img" class="img " src="images/历史订单/u597.png"/>
        <div id="u597_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u598" class="ax_default label">
        <div id="u598_div" class=""></div>
        <div id="u598_text" class="text ">
          <p><span>未付款取消</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u599" class="ax_default label">
        <div id="u599_div" class=""></div>
        <div id="u599_text" class="text ">
          <p><span>已付款取消</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u600" class="ax_default _图片_">
        <img id="u600_img" class="img " src="images/历史订单/u600.png"/>
        <div id="u600_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u601" class="ax_default ellipse">
        <img id="u601_img" class="img " src="images/首页_1/u308.svg"/>
        <div id="u601_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (圆形) -->
      <div id="u602" class="ax_default ellipse">
        <img id="u602_img" class="img " src="images/首页_1/u308.svg"/>
        <div id="u602_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u603" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u604" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u605" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u606" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u607" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u608" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u609" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u610" class="ax_default">
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
